<template>
  <div>
    <div class="flex overflow-hidden">
      <div class="h-screen w-full -mb-14">
        <div class="flex h-full">
          <div class="mb-14 flex w-full overflow-x-auto">
            <div class="w-16 sm:w-32 md:w-60 p-3 flex flex-col justify-between border-r dark:border-gray-800">
              <div class="space-y-5">
                <router-link to="/pc/manage/edit" target="_blank">
                  <n-button type="info" block>
                    <TextIcon class="hidden sm:block" icon="ri:edit-box-line" text="创作" tip="创作"></TextIcon>
                    <TextIcon class="block sm:hidden" tip="创作" icon="ri:edit-box-line" :size="15"></TextIcon>
                  </n-button>
                </router-link>
                <n-divider></n-divider>
                <ManageSideMenu></ManageSideMenu>
              </div>
              <div class="text-center hidden md:block">欢迎回来！</div>
            </div>
            <div class="flex-1 overflow-hidden">
              <router-view></router-view>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">

import ManageSideMenu from "@/view/pc/manage/components/ManageSideMenu.vue";
import TextIcon from "@/components/pc/icon/TextIcon.vue";
</script>

<style scoped>

</style>